


<!-- 商品详情 -->




<style>
	.pane, .view{
		background: #fff;
	}
</style>
<ion-view>
			
  <header>	
	<div class="top">
		<a href ="javascript:;" class="pro-a" nav-transition="none"><button class="back left" ng-click="back();"></button></a>
		<ul class="sekillDe-nav">
			<li ng-click="pro();" ng-class="{true:'w-zat',false:''}[pros]" >商品</li>
			<li ng-click="ifys();" ng-class="{true:'w-zat',false:''}[ify]" >详情</li>
			<li ng-click="pings();" ng-class="{true:'w-zat',false:''}[ping]" >评价</li>
		</ul>
		<a href="javascript:;" class="sekillDe-push" ng-click="show();"></a>
	</div>
	
</header>

<ion-content class="seillDe-con">
<div  ng-class="{true:'f-n',false:''}[ify]">
	<div class="pro-sekil" ng-class="{true:'f-n',false:''}[ping]">
	 	<ion-slide-box does-continue="true">
				  <ion-slide>
				    <div class="sekDeimg">
				    	<img ng-src="{{URL}}{{produc.img1}}">
				    </div>
				  </ion-slide>
				  <ion-slide>
				    <div class="sekDeimg">
				    	<img ng-src="{{URL}}{{produc.img2}}">
				    </div>
				  </ion-slide>
				  <ion-slide>
				    <div class="sekDeimg">
				    	<img ng-src="{{URL}}{{produc.img3}}">
				    </div>
				  </ion-slide>
			</ion-slide-box>


	<!-- 	<div class="sekTime">
			<div class="jianbian left">
				<p><span>&yen;</span>1099<span>.00</span></p>
				<div><span></span><span>&yen;1299.00</span></div>
			</div>
			<div class="setKitime left">
				<p>距结束还剩：</p>
				<div>11</div>
			</div>
		</div> -->
		<div class="sekDepro">
			<div class="sekPr-top">{{proDuc.product_name}} </div>
			<div class="sekPr-content"><p>&yen;{{proDuc.shop_price}}<i>&yen;{{proDuc.market_price}}</i><span>月销量：{{proDuc.sales}}件</span></p></div>
		
		<!-- 	<div class="sekPr-bottom">
				<span>促销</span>
					<p>凄凄切切群群群去去去</p>
					<p>顶顶顶顶发达的地方</p>
			</div> -->
		</div>
		<p class="kg"></p>
		<div class="pacMa">
			<span>包邮</span>
			<p class="left">满<i>39</i>元包邮(订单不满<i>99</i>元，收取运费15元)</p>
		</div>
		<p class="kg"></p>
		<div class="pac">
			<p>现货<span></span>预计3个工作日发货，5-20个工作日到货</p>
		</div>
		<div class="sent">
			<ul>
				<li>正品保证</li>
				<li>99元免基础运费（20kg以内）</li>
			</ul>
		</div>
		<p class="kg"></p>
		<div class="pac">
		<p>请选择分类<i></i></p>
			<!-- <span>已选</span>
			<p class="left">会夸，1个，增值保险</p> -->
		</div>
		<p class="kg"></p>
		<div class="eval">
			<h6>评价(2231)<span>好评度<i></i><span>(91)</span></span></h6>
			<div class="eval-pro">
				<div class="top-n">
						<ul class="top-ul">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					<span>aaaass</span>
				</div>
				<p >少女杀手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方【愤怒发方法发没发</p>
				<div class="top-img">
					<ul>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
					</ul>
				</div>
			</div>
			<div class="eval-pro">
				<div class="top-n">
						<ul class="top-ul">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					<span>aaaass</span>
				</div>
				<p >少女杀手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方【愤怒发方法发没发</p>
				<div class="top-img">
					<ul>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="ping"><!--评价页-->
		<div class="ping-nav">
			<ul>
				<li class="w-zat">9218</li>
				<li>8999</li>
				<li>82</li>
				<li>138</li>
			</ul>
		</div>
		<p class="kg"></p>
		<div class="eval">
			<h6>
				<div class="pingT">
					<a href="#"><img ng-src="./images/home/tt.jpg"></a>
					<P class="left">111111</P>
					<span>2016-09-21</span>
				</div>
			</h6>
			<div class="eval-pro">
				<div class="top-n">
						<ul class="top-ul">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
				</div>
				<p >少女杀手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方【愤怒发方法发没发</p>
				<div class="top-img">
					<ul>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
					</ul>
				</div>
			</div>
		</div>
			<p class="kg"></p>
		<div class="eval">
			<h6>
				<div class="pingT">
					<a href="#"><img ng-src="./images/home/tt.jpg"></a>
					<P class="left">111111</P>
					<span>2016-09-21</span>
				</div>
			</h6>
			<div class="eval-pro">
				<div class="top-n">
						<ul class="top-ul">
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
				</div>
				<p >少女杀手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方手【【发古风歌反对南方【愤怒发方法发没发</p>
				<div class="top-img">
					<ul>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
						<li><img ng-src="./images/home/tt.jpg"></li>
					</ul>
				</div>
			</div>
		</div>

		</div>
	</div>
</div>


<div class="pro-IMG">
	<img ng-src="./images/home/tt.jpg" alt="">

</div>





</ion-content>


<footer class="sekDfoot">
	<div  class="left">
		<a href="javascript:;" nav-transition="none" class="foc" ng-click="focus();">{{focu}}</a>
		<a  href="#/cha" nav-transition="none">购物车</a>
	</div>
	<div class="left">
		<button  ng-click="shows();">加入购物车</button>
		<a href="javascript:;" ng-click="buy();"  class="jia">立即购买</a>
	</div>
</footer>

<div class="join" ng-if="shs">

	<div class="joinPro">
	<div class="btnP"  ng-click="closes();"><button class="btnP"></button></div>
			<dl>
				<dt><img ng-src="./images/home/tt.jpg" alt=""></dt>
					<dd>
						<p>&yen;{{proDuc.shop_price}}</p>
						<p class="much"><i>×</i>{{much}}</p>
						<!-- <p>请选择颜色分类</p> -->
					</dd>
				
			</dl>
			<div class="amount">
					<p>购买数量</p>
					<span class="span" ng-click="add();">＋</span><i>{{much}}</i><span ng-click="minus();" class="spanTwo">－</span>
				</div>
		</div>

		<div class="jionBtn" style="z-index:22222;">
					<button ng-click="addCha();">加入购物车</button>
					<button >立即购买</button>
		</div>

</div>

<!--  <div class="pushQQ" ng-if="login">
 
 	<div class="pus push-beg">
 		<p>请先登录</p>

 		<label>
				<span>用户名:</span>
				<input type="text" ng-model="mode.num1">
			</label>
 		<label>
				<span>密<i></i>码:</span>
				<input type="password" ng-model="mode.num2">	
			</label>
				<a href="#/register">去注册>></a>
			<button class="btn" ng-click="goBegin();">登录</button>
			<div class="btnP"  ng-click="clos();"><button class="btnP" ></button></div>
 	</div>
 </div> -->

 <div ng-if="sh" class="pushQQ">
 	<div class="pus">
 	<p>分享到</p>
 		<ul>
 			<li><img ng-src="./images/push/wx.png" alt="微信">微信</li>
 			<li><img ng-src="./images/push/qq.png" alt="QQ">QQ</li>
 			<li><img ng-src="./images/push/wb.png" alt="微博">微博</li>
 			<li><img ng-src="./images/push/pyq.png" alt="朋友圈">朋友圈</li>
 		</ul>
 		<div class="btnP"  ng-click="clse();"><button class="btnP" ></button></div>
 	</div>
 	
 </div>
</ion-view>